<template>
  <h1>我是子组件Demo</h1>
  <h2>Demo点击的坐标: X:{{ point.x }},Y:{{ point.y }}</h2>
  <h2>xxx:{{ xxx }}</h2>
  <button @click="xxx++">xxx++</button>
</template>
<script>
import { usePoint, useXXX } from '@/hooks/usePoint'
export default {
  nanme: 'Demo',
  setup() {
    const point = usePoint()
    const xxx = useXXX()
    return {
      point,
      xxx,
    }
  },
}
</script>
